html, body {
   margin:0;
   padding:0;
   height:100%;
   background-color: #323232;
}

#container
{

/*	margin: 0 50px; */
	background: #fff;
	min-width:800px;
	min-height:100%;
}

#header
{

height: 100px; /* gradient uses the full height of the element */
padding-top: 20px; /* distance from border edge to text */
padding-left: 100px;
line-height:60px;
background: url(images/header.jpg) repeat-x left top;
}

#header h1 
{ 
	margin: 0; 
	color:#fff;
	font-family:Arial;
}

#navigation
{
	margin: -50px 50px;
	float: right;
	line-height:30px;
	font-weight: bold;
	font-family: Arial;
	font-size:0.8em;
	border-radius: 15px;
	background-color: #4d4a4a;
}

#navigation ul
{
list-style-type:none;
margin:0;
padding:6px;
}

#navigation li
{
display:inline;
}

#navigation a
{
font-weight:bold;
color:#FFFFFF;
background-color:#4d4a4a;
text-align:center;
padding:6px;
text-decoration:none;
}

#navigation em
{
font-weight:bold;
color:#FFFFFF;
background-color:#444242;
text-align:center;
padding:6px;
text-decoration:none;
}

#navigation a:hover
{
background-color:#444242;
}

table.loginBack {
	background: url(images/login_background.jpg) repeat-x left top;
}

#loginFrame {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
}

#loginFrame a {
	font-style: italic;
	text-decoration: none;
	color: #ffcc00;
	font-weight: bold;
}

#loginFrame a:hover {
	text-decoration: underline;
}

#loginFrame .textfield {
	width: 300px;
	height: 33px;
	text-align: center;
	margin-bottom: 15px;
	font-size: 13px;
	border: 0;
	border-radius: 10px;
	background-color: #ead07f;
}

#loginFrame .login-button {
	background: url(images/btn_bg.jpg) repeat-x left top;
	cursor: pointer;
	width: 250px;
	height: 58px;
	border: 0;
	border-radius: 15px;
	font-weight: bold;
}

.feedbackPanel {
	margin: 15px 0;
	padding: 0;
	text-align:center;
	font-size: 0.8em;
	list-style: none;
	font-weight: bold;
	line-height: 20px;
	width: 100%;
	clear: both;
}

.feedbackPanel li {
	margin: 5px 0;
	padding-left: 0;
	border: 1px solid white;
}

.feedbackPanel li.feedbackPanelERROR {
	background: #EF3B4F;
	color: white;
}

.feedbackPanel span.feedbackPanelERROR {
	color: white;
	padding-left: 0;
}

.feedbackPanel li.feedbackPanelINFO {
	background: #97C701;
	color: white;
}

.feedbackPanel li.feedbackPanelWARNING {
	background: #fe6700;
	color: white;
}

#content
{
position:relative;
margin-top:-20px;
	/* gecko based browsers */
background: -moz-linear-gradient(top, #B9B99D, #ffffff);

/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#B9B99D), to(#ffffff));

	clear: left;
	padding: 30px;
	padding-bottom:60px;
	background-color:#B9B99D;
}

#footer
{
	/* default background colour, for all layout engines that don't implement gradients */
/* background: #55aaee; */

/* gecko based browsers */
/* background: -moz-linear-gradient(top, #55aaee, #003366); */

/* webkit based browsers */
/* background: -webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#003366)); */

/* margin: 0 50px; */
	text-align: center;
	line-height:60px;
	font-family:Arial;
	font-size:small;
	color:#ffffff;
	position:relative;
	margin-top:-60px;
	height:60px;
	min-width:800px;
	background:url(images/footer.jpg) repeat-x left top;
	
}

table.datatable {
	width: 50%;
}

thead {
	background-color: #323232;
}

tfoot {
	background-color: #323232;
}

.datatable .odd td {
	background-color: #ffffff;
}

.datatable .even td {
	background-color: #d3d3d3;
}

th {
	background-position: right;
	background-repeat: no-repeat;
	background-size: 20px;
	width: 25%;
}

th.wicket_orderDown {
	background-image: url(images/sort_down_green.png);
}

th.wicket_orderUp {
	background-image: url(images/sort_up_green.png);
}

th.wicket_orderNone {
	background-image: url(images/sort_neutral.png);
}